<div class="page">
	<div class="navbar">
		<div class="navbar-inner sliding">
			<div class="left">
				<a href="#" class="link backBtn">
					<i class="icon icon-back"></i>
					<span class="ios-only"></span>
				</a>
			</div>
			<div class="title">进行盘点(离线)</div>
			<div class="right">
				<a href="/scan-stocktak/?_type=homeCode">
					<i class="aliiconfont aliicon-im_dingwei" style="font-size: 24px;"></i>
				</a>
			</div>
		</div>
	</div>

	<div class="page-content">
		<div id="InventoryListStart">
			<script id="templateInventoryAssetListTitle" type="text/template7">
				<p>盘点单名称：<span>{{Name}}</span></p>
				<p><b>盘点人：<span>{{_CreatedByUserName}}</span></b>盘点总数：<span>{{DetailCount}}</span></p>
			</script>
			<div class="InventoryAssetListTitle">
			</div>

			<script id="templateInventoryAssetListContent" type="text/template7">
				{{#each dataList}}
				<li class="accordion-item">
					<a href="#" class="item-content item-link">
						<div class="item-inner">
							<div class="item-title">
								<div>
									<img src="../i/item.png" alt="">
									<p><i>{{index}}</i>-资产名称：{{资产名称}}
										<span>{{盘点状态}}{{盘点结果}}</span></p>
									<ul>
										<li><span>资产编码</span>&emsp;{{资产编码}}</li>
										<li><span>规格型号</span>&emsp;{{规格型号}}</li>
										<li><span>数量</span>&emsp;{{数量}}</li>
									</ul>
								</div>
							</div>
						</div>
					</a>
					<div class="accordion-item-content">
						<ul>
							<li><span>使用部门</span>&emsp;{{使用部门}}</li>
							<li><span>使用人</span>&emsp;{{使用人}}</li>
							<li><span>品牌</span>&emsp;{{品牌}}</li>
							<li><span>位置编码</span>&emsp;{{StoreCodeName}}</li>
							<li><span>盘点备注</span>&emsp;{{盘点备注信息}}</li>
						</ul>
					</div>
				</li>
				{{/each}}
			</script>

			<div class="toolbar tabbar">
				<div class="toolbar-inner">
					<a href="#tab-1" class="tab-link tab-link-active">待盘点<span><span class="forInventory">0</span></span>
					</a>
					<a href="#tab-2" class="tab-link">已盘点<span><span class="haveInventory">0</span></span>
					</a>
				</div>
			</div>
			<div class="tabs-animated-wrap">
				<div class="tabs">
					<div id="tab-1" class="page-content tab tab-active">
						<div class="ptr-content page-content infinite-scroll-content" data-ptr-distance="55">
							<div class="ptr-preloader">
								<div class="preloader"></div>
								<div class="ptr-arrow"></div>
							</div>
							<div class="list" style="overflow: auto;">
								<div class="list accordion-list">
									<ul id="inventoryNot">	
									</ul>
								</div>
							</div>
							<div class="preloader infinite-scroll-preloader "></div>
						</div>
					</div>
					<div id="tab-2" class="page-content tab">
						<div class="ptr-content page-content infinite-scroll-content" data-ptr-distance="55">
							<div class="ptr-preloader">
								<div class="preloader"></div>
								<div class="ptr-arrow"></div>
							</div>
							<div class="list" style="overflow: auto;">
								<div class="list accordion-list">
									<ul id="inventoryHas">
									</ul>
								</div>
							</div>
							<div class="preloader infinite-scroll-preloader "></div>
						</div>
					</div>
				</div>
			</div>
			<div class="fab  fab-right-bottom color-blue">
				<a href="#">
					<!-- Icons For iOS Theme -->
					<i class="icon f7-icons ios-only">add</i>
					<i class="icon f7-icons ios-only">close</i>
					<!-- Icons For MD Theme -->
					<i class="icon material-icons md-only">add</i>
					<i class="icon material-icons md-only">close</i>
				</a>
				<!-- FAB speed dial actions -->
				<div class="fab-buttons fab-buttons-top">
					<a href="#" class="qrUpload"><i class="aliiconfont aliicon-msnui-upload"></i></a>
					<a href="#" class="qrInventory"><i class="aliiconfont aliicon-iconset0255"></i></a>
				</div>
			</div>
		</div>
	</div>
	<style>
		/*div#InventoryListStart {
			overflow: hidden;
		}*/
		b{
			font-weight: 400;
		}
		div#InventoryListStart div.InventoryAssetListTitle {
			margin-bottom: 0;
			padding-bottom: 0;
		}
		div#InventoryListStart div.InventoryAssetListTitle span{
			color: #919191;
		}
		div#InventoryListStart .InventoryAssetListTitle p {
			border-bottom: 1px solid #ccc;
			padding: 1rem;
			margin: 0;
			box-sizing: border-box;
		}
		
		div#InventoryListStart .InventoryAssetListTitle p b {
			display: inline-block;
			width: 50%;
		}
		
		div#InventoryListStart .page-content {
			padding: 0;
		}
		
		div#InventoryListStart img {
			position: absolute;
			width: 2.8rem;
			left: 1rem;
			top:2px;
		}
		
		
		div#InventoryListStart .item-title p {
			padding-left: 5.5rem;
		}
		
		div#InventoryListStart .item-title p>span {
			float: right;
			color: #01B3E2;
			margin-right: 1rem;
		}
		
		div#InventoryListStart .accordion-item li {
			color: #b5b5b5;
			border-bottom: 1px solid #D7D6DA;
			padding: 3px 0;
		}
		
		div#InventoryListStart li.accordion-item ul {
			box-sizing: border-box;
			padding: 0 1rem;
		}
		
		#InventoryListStart .item-inner {
			padding-right: 0;
			padding-bottom: 0;
		}
		
		div#InventoryListStart .accordion-item li span {
			display: inline-block;
			width: 6rem;
			text-align: right;
			color: #000;
		}
		
		div#InventoryListStart a.item-content {
			padding-left: 0;
			font-size: 1.4rem;
		}
		
		div#InventoryListStart .tabs-animated-wrap {
			position: fixed;
			width: 100%;
			height: 92%;
			/*margin-top: -80px;*/
			top: 11rem;
			background: #e3e3e3;
		}
		
		ul#inventoryNot>li,ul#inventoryHas>li {
			border-bottom: 1px solid #ccc;
			padding-bottom: 1rem;
			
			background: #fff;
		    margin: 0 1rem;
		    border-radius: .5rem;
		}
		
		.ios div#InventoryListStart .ptr-preloader {
			margin-top: 0;
		}
		
		.md div#InventoryListStart .ptr-preloader {
			margin-top: -3.5rem;
		}
		
		.ios div#InventoryListStart .tabs-animated-wrap {
			top: 5.2rem;
		}
		
		div#InventoryListStart .InventoryAssetListTitle {
			background: #fff;
			z-index: 1;
			position: relative;
		}
		
		div#InventoryListStart .item-title {
			width: 100%;
		}
		
		div#InventoryListStart .fab div.fab-buttons a {
			width: 5rem;
			height: 5rem;
		}
		
		div#InventoryListStart .fab-buttons-top {
			width: 5rem;
			margin-left: -2.5rem;
		}
		
		div#InventoryListStart .tabbar,
		div#InventoryListStart .tabbar-labels {
			background: #f7f7f8;
			height: 4.8rem;
		}
		
		div#InventoryListStart .tabbar a.tab-link-active,
		div#InventoryListStart .tabbar-labels a.tab-link-active {
			color: #01B3E2;
		}
		
		div#InventoryListStart .tabbar a,
		div#InventoryListStart .tabbar-labels a {
			color: #0e90d2;
			
			padding: .5rem 1.4rem;
			line-height: 1.4;
		}
		
		#InventoryListStart .accordion-item-opened>.accordion-item-content {
			border-top: none;
		}
		#InventoryListStart .toolbar-inner span {
			text-align: center;
			display: inline-block;
			width: 40%;
			background: #BABCBE;
			border-radius: 1.5rem;
			color: #fff;
			/*padding: px 0;*/
			
			line-height: 1.4;
		}
		#InventoryListStart a.tab-link-active span{
			background: #01B3E2;
		}
		#InventoryListStart span.tab-link-highlight{
			background: #01B3E2;
			height: 2px;
		}
		#InventoryListStart  .fab.color-blue>a,#InventoryListStart  .fab-buttons a{
			background: #01B3E2;
		}
		.ios #InventoryListStart  .ptr-preloader{
			top:60px;
		}
	</style>
</div>